<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
</head>
<style>
  #youriframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    overflow: hidden;
    position: relative;
  }
  #youriframe .scroll {
    overflow: auto;
    width: 100%;
    height: 100%;
    padding-right: 17px; /* 滚动条占用的宽度 */
  }
  .main{
	  height: 200%;
  }
</style>

<frameset rows="14%,50%,36%" frameborder="0" class="main">
    <frame src="top.html" scrolling="no" name="topframe">
	<frame src="pic.html" scrolling="no" name="picframe">
	<frame src="content.html" scrolling="yes" name="contentframe">
<!-- 	<iframe id="youriframe" scrolling="yes"></iframe> -->

<!-- 	<frame frameborder="0" src="pic.html" name="titleframe"> -->
<!--    <frame frameborder="0" src="middle.html"  name="middleframe"> -->
<!--    <frame frameborder="0" src="bottom.html" name="bottomframe"> -->
</frameset>

</html>
